سه نوع پنجره در جاوااسکریپت وجود دارند که می توانید توسط آنها پیغامی را در صفحه برای کاربر نمایش دهید و یا اطلاعاتی برای تأیید آنها بفرستید و یا اینکه اطلاعاتی را از آنها بخواهید. آنها پنجره های کوچکی هستند که چون خیلی سریع در صفحه بالا آمده و در مقابل کاربر ظاهر می شوند، به آنها popup گفته می شود.
این پنجره ها عبارتند از: پنجره alert ، پنجره confirm و پنجره prompt .
پنجره Alert
پنجره alert ، حاوی یک اخطاریه برای کاربر است که در آن هشداری داده می شود تا کاربر متوجه کاری که می کند باشد. دستور این پنجره به صورت زیر است:
این پنجره فقط دارای یک دکمه OK است که کاربر بعد از خواندن آن اخطاریه با زدن دکمه ok ، پنجره را می بندد.
پنجره Confirm
این مدل پنجره ، همانطور که از اسمش پیداست برای گرفتن تأیید از کاربر اجرا می شود. این پنجره دارای دو دکمه OK و Cancel می باشد که با زدن دکمه OK توسط کاربر مقدار true بازگردانده می شود و با زدن Cancel مقدار false برگردانده می شود. دستور این پنجره به این صورت است:
این پنجره برای مواقعی خوب است که شما نیاز به جواب کاربر برای ادامه مطلبی یا چیزی دارید، در صورتیکه کاربر تأیید کند آن مطلب ادامه پیدا می کند و در غیر اینصورت همانجا متوقف خواهد شد.
در این اسکریپت ما ابتدا یک تابع در قسمت head تعریف کردیم سپس دستور confirm را در یک متغیر بنام button ذخیره کردیم تا بتوانیم برای این متغیر شرطی را تعیین کنیم. همانطور که گفتیم اگر کاربر دکمه OK را بزند، مقدار true برگردانده می شود پس شرط را بر این روال گرفتیم که اگر مقدار true بازگردانده شد متنی در صفحه چاپ شود و در غیر اینصورت متنی دیگر نوشته شود. سپس این تابع را در تگ بدنه و در رویداد onload قرار دادیم تا به محض باز شدن صفحه پنجره confirm اجرا شود. رویداد onload را در بخش بعدی یاد خواهید گرفت.
پنجره prompt
از این پنجره زمانی استفاده می شود که شما نیاز داشته باشید تا اطلاعاتی را از کاربر دریافت کنید و آنرا در جایی مناسب بازگردانید. معمولاً اجرای این پنجره هنگام باز شدن صفحه وب است و دارای دو قسمت یا دو پارامتر می باشد:
در قسمت اول یک متن که معمولاً سؤال است را وارد می کنید تا در پنجره ظاهر شود و در قسمت دوم یک مقدار پیش فرض برای راهنمایی کاربر وارد می کنید که معمولاً آن قسمت را خالی می گذارند تا کاربر آن مقدار را وارد نماید. البته اگر هم شما مقدار پیش فرض را وارد نمایید، باز کاربر قادر به وارد کردن مقدار میباشد.
مانند مثال قبل عمل کردیم با این تفاوت که این بار از دستور prompt استفاده شده است. فقط به یک نکته دقت کنید که در دستور شرط ما متغیر name را نا مساوی با مقدار null قرار دادیم. null به معنی هیچ چیز میباشد و در اینجا آنرا بکار گرفتیم تا اگر کاربر بعد از باز شدن پنجره دکمه cancel را زد و یا هیچ اسمی وارد نکرد تغییری در صفحه ایجاد نشود. شما می توانید یکبار آنرا حذف کنید و نتیجه اجرای کد را ببینید.
در حال حاضر شما سه نوع پنجره ارتباط با کاربر را فرا گرفتید که دو مدل اول بیشترین کاربرد را در کدنویسی شما خواهند داشت.
نظرات شما عزیزان: